/* =========================================================
   TOPBAR + FULLSCREEN HAMBURGER OVERLAY
   Desktop: paarse balk, logo gecentreerd, menu links + rechts
   Mobile:  hamburger links, logo gecentreerd in topbar
   Overlay: logo + knoppen bovenaan, menu midden, X rechtsboven
========================================================= */

:root {
  --font-menu-pp: "PP Agrandir Wide", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-hero-strip: "rocket-PAgrandir-WideBlack", "PP Agrandir Wide", system-ui, sans-serif;
  --hero-strip-title: #060646;
  --hero-strip-sticker: #fff;
  --hero-strip-nav-overlap: 1px;
  --hero-strip-min-height: clamp(9rem, 22vw, 15rem);
}

@font-face {
  font-family: "PP Agrandir Wide";
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
  src: url("fonts/PPAgrandirWide-Variable.woff2") format("woff2");
}

@font-face {
  font-family: "rocket-PAgrandir-WideBlack";
  src: url("/assets/uploads/fonts/100_rocket-PAgrandir-WideBlack_1774521025.ttf")
    format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/* =========================================================
   BASE TOPBAR
========================================================= */

.navbar-header {
  position: relative;
  z-index: 999;
  border: 0 !important;
  box-shadow: none !important;
}

.navbar-header .navbar {
  position: absolute !important;
  inset: 0 0 auto 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  background: var(--navbar-header-bg, #8950fa) !important;
  border: 0 !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
  z-index: 2100 !important;
  height: 110px;
}

.navbar-header .navbar > .container {
  position: relative !important;
  height: 72px !important;
  min-height: 72px !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 14px !important;
  padding: 10px 18px !important;
  overflow: visible !important;
}

.navbar-header,
.navbar-header .container,
.navbar-header .navbar-brand {
  overflow: visible !important;
}

.navbar-header .navbar-nav:first-child {
  background: transparent !important;
}


/* =========================================================
   LOGO — altijd gecentreerd in topbar
========================================================= */

.navbar-header .navbar-brand {
  margin: 0 !important;
  padding: 2px 0 !important;
  display: flex !important;
  align-items: center !important;
  position: absolute !important;
  left: 50% !important;
  top: calc(50% + 10px) !important;
  transform: translate(-50%, -50%) !important;
  z-index: 2 !important;
}

.navbar-header .navbar-brand img,
.navbar-header .navbar-brand svg {
  display: block;
  width: auto !important;
  object-fit: contain;
  filter: brightness(0) invert(1) !important;
}

@media (max-width: 991.98px) {
  .navbar-header .navbar-brand img,
  .navbar-header .navbar-brand svg {
    max-height: 42px !important;
  }
}

@media (min-width: 992px) {
  .navbar-header .navbar-brand img,
  .navbar-header .navbar-brand svg {
    max-height: 68px !important;
  }

  .navbar-header .navbar-collapse:not(.show):not(.collapsing) {
    position: static !important;
  }
}


/* =========================================================
   UL RESET
========================================================= */

.navbar-header ul.navbar-nav {
  margin: 0 !important;
  padding: 0 !important;
  align-items: center !important;
  background: transparent !important;
}


/* =========================================================
   COLLAPSE BASELINE
========================================================= */

.navbar-header .navbar-collapse {
  display: flex !important;
  flex-basis: auto !important;
  align-items: center !important;
  justify-content: flex-end !important;
  margin-left: auto !important;
}

@media (max-width: 991.98px) {
  .navbar-header .navbar-collapse:not(.show):not(.collapsing) .navbar-nav.mb-2 {
    display: none !important;
  }
}

@media (min-width: 992px) {
  .navbar-header .navbar-collapse:not(.show):not(.collapsing) {
    flex: 1 1 auto !important;
    width: 100% !important;
    margin-left: 0 !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
  }

  .navbar-header .navbar-collapse:not(.show):not(.collapsing) .navbar-nav.mb-2 {
    display: flex !important;
    flex-direction: row !important;
    flex: 1 1 0 !important;
    justify-content: flex-end !important;
    align-items: center !important;
    gap: 1rem !important;
    margin-bottom: 0 !important;
    padding-right: clamp(72px, 10vw, 140px) !important;
  }

  .navbar-header .navbar-collapse:not(.show):not(.collapsing) .navbar-nav.ms-auto {
    flex: 1 1 0 !important;
    justify-content: flex-start !important;
    margin-left: 0 !important;
    padding-left: clamp(72px, 10vw, 140px) !important;
  }
}

.navbar-header .navbar-nav .nav-link {
  font-family: var(--font-menu-pp) !important;
  color: #fff !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.04em !important;
}

.navbar-header .navbar-nav .nav-link:hover,
.navbar-header .navbar-nav .nav-link:focus {
  color: rgba(255, 255, 255, 0.85) !important;
}


/* =========================================================
   RIGHT ACTIONS (desktop)
========================================================= */

.navbar-header .navbar-nav.ms-auto {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
}

.navbar-header .navbar-nav.ms-auto .nav-item {
  width: auto !important;
}


/* =========================================================
   SEARCH — uitgeschakeld
========================================================= */

.navbar-header button.btn.btn-link[data-bs-target="#searchBarModal"],
.navbar-header button[data-bs-target="#searchBarModal"] {
  display: none !important;
}


/* =========================================================
   AUTH BUTTONS — desktop stijl
========================================================= */

.navbar-header a#authModalLogin.nav-link,
.navbar-header a#authModalRegistration.nav-link {
  margin: 0 !important;
  padding: 12px 20px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 999px !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  text-decoration: none !important;
  letter-spacing: 0.04em !important;
  min-height: 44px;
  transition: all 0.2s ease;
}

.navbar-header a#authModalLogin.nav-link {
  background: #fff !important;
  border: 1px solid rgba(255,255,255,0.85) !important;
  color: #000 !important;
}

.navbar-header a#authModalRegistration.nav-link {
  background: #8950fa !important;
  border: 1px solid #000 !important;
  color: #fff !important;
}

.navbar-header a#authModalLogin.nav-link:hover,
.navbar-header a#authModalRegistration.nav-link:hover {
  transform: translateY(-1px);
}

/* Mobile: auth knoppen verbergen in topbar (zitten in overlay bovenaan) */
@media (max-width: 991.98px) {
  .navbar-header .navbar-collapse:not(.show):not(.collapsing) .navbar-nav.ms-auto {
    display: none !important;
  }
}


/* =========================================================
   HAMBURGER BUTTON
========================================================= */

.navbar-header .navbar-toggler {
  display: none !important;
  position: absolute !important;
  left: 18px !important;
  top: calc(50% + 10px) !important;
  transform: translateY(-50%) !important;
  z-index: 3000 !important;
  width: 44px !important;
  height: 44px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  cursor: pointer !important;
}

.navbar-header .navbar-toggler:focus,
.navbar-header .navbar-toggler:active,
.navbar-header .navbar-toggler:hover,
.navbar-header .navbar-toggler:focus-visible {
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  background-color: transparent !important;
}

.navbar-header .navbar-toggler::before,
.navbar-header .navbar-toggler::after {
  content: none !important;
}

/* =========================================================
   HAMBURGER ICON — 3 witte strepen
========================================================= */

.navbar-header .navbar-toggler .navbar-toggler-icon,
.navbar-header .navbar-toggler span.navbar-toggler-icon,
.navbar-toggler-icon,
.hamburger span,
.menu-toggle span {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: none !important;
  box-shadow: none !important;
}

.navbar-header .navbar-toggler .navbar-toggler-icon {
  display: block !important;
  width: 24px !important;
  height: 18px !important;
  position: relative !important;
}

.navbar-header .navbar-toggler .navbar-toggler-icon::before {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 24px !important;
  height: 2px !important;
  background: #fff !important;
  border-radius: 2px !important;
  box-shadow: 0 8px 0 0 #fff, 0 16px 0 0 #fff !important;
}

.navbar-header .navbar-toggler .navbar-toggler-icon::after {
  content: none !important;
  display: none !important;
}


/* =========================================================
   OVERLAY FULLSCREEN (collapse open)
   Layout van boven naar onder:
   1. Header rij: logo links + auth knoppen rechts (fixed bovenaan)
   2. Menu links verticaal gecentreerd
========================================================= */

.navbar-header .navbar-collapse.show,
.navbar-header .navbar-collapse.collapsing {
  position: fixed !important;
  inset: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  z-index: 2000 !important;

  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;

  padding: 0 !important;

  background: rgba(10, 0, 30, 0.95) !important;
  backdrop-filter: blur(16px);
}

/* Menu links — verticaal gecentreerd */
.navbar-header .navbar-collapse.show .navbar-nav.mb-2,
.navbar-header .navbar-collapse.collapsing .navbar-nav.mb-2 {
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  align-items: flex-start !important;
  flex: 1 !important;
  justify-content: center !important;
  padding: 20px 40px 20px 40px !important;
  width: 100% !important;
}

/* Grote menu links */
.navbar-header .navbar-collapse.show .navbar-nav.mb-2 .nav-link,
.navbar-header .navbar-collapse.collapsing .navbar-nav.mb-2 .nav-link,
.navbar-header .navbar-collapse.show .navbar-nav.mb-2 .nav-link.active,
.navbar-header .navbar-collapse.collapsing .navbar-nav.mb-2 .nav-link.active {
  font-family: var(--font-menu-pp) !important;
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
  color: #fff !important;
  font-weight: 900 !important;
  font-size: clamp(28px, 8vw, 44px) !important;
  letter-spacing: 0.02em !important;
  padding: 6px 0 !important;
  line-height: 1.1 !important;
  text-transform: uppercase !important;
  transition: color 0.15s ease;
}

.navbar-header .navbar-collapse.show .navbar-nav.mb-2 .nav-link:hover,
.navbar-header .navbar-collapse.collapsing .navbar-nav.mb-2 .nav-link:hover {
  color: #88f6ff !important;
}

/* =========================================================
   AUTH KNOPPEN BOVENAAN OVERLAY
   Position: fixed bovenaan, rechts naast logo
========================================================= */

.navbar-header .navbar-collapse.show .navbar-nav.ms-auto,
.navbar-header .navbar-collapse.collapsing .navbar-nav.ms-auto {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  height: 80px !important;

  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 10px !important;

  /* Ruimte rechts voor de X knop */
  padding: 0 72px 0 24px !important;

  background: rgba(10, 0, 30, 0.0) !important;
  border-bottom: 1px solid rgba(255,255,255,0.1) !important;
  z-index: 2500 !important;
}

/* Auth links in overlay — compact bovenaan */
.navbar-header .navbar-collapse.show .navbar-nav.ms-auto a#authModalLogin.nav-link,
.navbar-header .navbar-collapse.collapsing .navbar-nav.ms-auto a#authModalLogin.nav-link {
  background: rgba(255,255,255,0.15) !important;
  color: #fff !important;
  border: 1px solid rgba(255,255,255,0.4) !important;
  padding: 10px 20px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  border-radius: 999px !important;
  min-height: unset !important;
  transform: none !important;
  letter-spacing: 0.04em !important;
}

.navbar-header .navbar-collapse.show .navbar-nav.ms-auto a#authModalRegistration.nav-link,
.navbar-header .navbar-collapse.collapsing .navbar-nav.ms-auto a#authModalRegistration.nav-link {
  background: #8950fa !important;
  color: #fff !important;
  border: 1px solid rgba(255,255,255,0.3) !important;
  padding: 10px 20px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  border-radius: 999px !important;
  min-height: unset !important;
  transform: none !important;
  letter-spacing: 0.04em !important;
}

.navbar-header .navbar-collapse.show .navbar-nav.ms-auto .nav-item,
.navbar-header .navbar-collapse.show .navbar-nav.ms-auto .nav-link,
.navbar-header .navbar-collapse.collapsing .navbar-nav.ms-auto .nav-item,
.navbar-header .navbar-collapse.collapsing .navbar-nav.ms-auto .nav-link {
  display: inline-flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: auto !important;
}

/* Menu items afstand t.o.v. header balk */
.navbar-header .navbar-collapse.show .navbar-nav.mb-2,
.navbar-header .navbar-collapse.collapsing .navbar-nav.mb-2 {
  padding-top: 80px !important;
}


/* =========================================================
   OVERLAY close button X — rechtsboven in header balk
========================================================= */

.navbar-header .navbar-toggler[aria-expanded="true"] {
  position: fixed !important;
  top: 0 !important;
  right: 0 !important;
  left: auto !important;
  transform: none !important;
  width: 72px !important;
  height: 80px !important;
  background: transparent !important;
  background-color: transparent !important;
  z-index: 3000 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.navbar-header .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
  width: 20px !important;
  height: 20px !important;
}

.navbar-header .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon::before {
  top: 9px !important;
  left: 0 !important;
  width: 20px !important;
  box-shadow: none !important;
  transform: rotate(45deg) !important;
  background: #fff !important;
}

.navbar-header .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon::after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  top: 9px !important;
  left: 0 !important;
  width: 20px !important;
  height: 2px !important;
  background: #fff !important;
  border-radius: 2px !important;
  transform: rotate(-45deg) !important;
}


/* =========================================================
   MOBILE TOPBAR
========================================================= */

@media (max-width: 991.98px) {

  .navbar-header .navbar-toggler {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .navbar-header .navbar-collapse {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
  }

  .navbar-header .navbar-collapse:not(.show):not(.collapsing) .navbar-nav.ms-auto {
    display: none !important;
  }

  .navbar-header button.btn.btn-link.d-md-none[data-bs-target="#searchBarModal"],
  .navbar-header button[data-bs-target="#searchBarModal"].d-md-none {
    display: none !important;
  }
}

@media (max-width: 991.98px) and (orientation: landscape) {
  .navbar-header .navbar > .container {
    height: 56px !important;
    min-height: 56px !important;
    padding-top: 6px !important;
    padding-bottom: 6px !important;
  }

  .navbar-header .navbar-toggler {
    left: 12px !important;
    width: 40px !important;
    height: 40px !important;
  }
}

/* Desktop: hamburger uit */
@media (min-width: 992px) {
  .navbar-header .navbar-toggler {
    display: none !important;
  }
}


/* =========================================================
   Navbar content iets lager
========================================================= */

.navbar-header .navbar > .container {
  padding-top: 22px !important;
}

/* =========================================================
   HERO SPACING
========================================================= */

.navbar-header + * {
  padding-top: 110px !important;
}

/* ==========================================
   Remove white bar under assets
========================================== */

.asset.card {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.asset.card .card-header {
  background: transparent !important;
  border: 0 !important;
  padding: 12px 0 0 0 !important;
}

.asset.card .card-body {
  background: transparent !important;
  border: 0 !important;
}

.asset.card .asset-title,
.asset.card a.asset-title,
.asset.card .asset-title.text-muted {
  color: #000 !important;
  --bs-text-opacity: 1;
}

.asset.card .asset-title:hover,
.asset.card a.asset-title:hover {
  color: #000 !important;
  opacity: 0.82;
}

.asset.card .asset-description {
  color: #000 !important;
}

.card {
  color: var(--card-text-color) !important;
  background-color: #000 !important;
}

a.btn:empty {
  display: none !important;
}

.intro-visual-bg {
  position: relative;
  overflow: hidden;
}

/* =========================================================
   PREMIUM GLIDE SLIDER ARROWS
========================================================= */

.glide div[data-glide-el="controls"] {
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.glide div[data-glide-el="controls"] .slider-btn {
  pointer-events: auto;
  width: 58px;
  height: 58px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: none !important;
  background: rgba(137,80,250,0.75) !important;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  color: #fff !important;
  font-size: 1.6rem;
  font-weight: 700;
  box-shadow:
    0 8px 24px rgba(0,0,0,0.25),
    inset 0 0 0 1px rgba(255,255,255,0.2);
  transition: all 0.25s ease;
}

.glide div[data-glide-el="controls"] .slider-btn-prev {
  position: absolute;
  left: -28px;
  top: 50%;
  transform: translateY(-50%);
}

.glide div[data-glide-el="controls"] .slider-btn-next {
  position: absolute;
  right: -28px;
  top: 50%;
  transform: translateY(-50%);
}

.glide div[data-glide-el="controls"] .slider-btn:hover {
  background: rgba(137,80,250,0.95) !important;
  transform: translateY(-50%) scale(1.08);
  box-shadow:
    0 12px 32px rgba(0,0,0,0.35),
    0 0 18px rgba(137,80,250,0.45);
}

.glide div[data-glide-el="controls"] .slider-btn:active {
  transform: translateY(-50%) scale(0.95);
}

.glide div[data-glide-el="controls"] .slider-btn svg path {
  fill: #fff !important;
}

@media (max-width: 768px) {
  .glide div[data-glide-el="controls"] .slider-btn {
    width: 48px;
    height: 48px;
    font-size: 1.3rem;
  }

  .glide div[data-glide-el="controls"] .slider-btn-prev {
    left: -18px;
  }

  .glide div[data-glide-el="controls"] .slider-btn-next {
    right: -18px;
  }
}

/* =========================================================
   AUTH BUTTONS – BRAND GRADIENT (modals)
========================================================= */

#logInStepOneSubmit,
#registerStepOneSubmit {
  background: linear-gradient(135deg, #88F6FF 0%, #8950fa 50%, #000 100%) !important;
  border: none !important;
  color: #fff !important;
  font-weight: 700;
  letter-spacing: 0.02em;
  border-radius: 12px;
  padding: 14px 18px;
  box-shadow:
    0 8px 20px rgba(0,0,0,0.25),
    inset 0 0 0 1px rgba(255,255,255,0.25);
  transition: all 0.25s ease;
}

#logInStepOneSubmit:hover,
#registerStepOneSubmit:hover {
  background: linear-gradient(135deg, #88F6FF 0%, #8950fa 40%, #000 100%) !important;
  transform: translateY(-2px);
  box-shadow:
    0 12px 28px rgba(0,0,0,0.35),
    0 0 18px rgba(137,80,250,0.35);
}

#logInStepOneSubmit:active,
#registerStepOneSubmit:active {
  transform: translateY(0px);
  box-shadow: 0 6px 14px rgba(0,0,0,0.25);
}

/* =========================================================
   SEARCH BUTTON – BRAND GRADIENT
========================================================= */

.btn.btn-primary.w-100 {
  background: linear-gradient(135deg, #88F6FF 0%, #8950fa 50%, #000 100%) !important;
  border: none !important;
  color: #fff !important;
  font-weight: 700;
  letter-spacing: 0.02em;
  border-radius: 12px;
  box-shadow:
    0 8px 20px rgba(0,0,0,0.25),
    inset 0 0 0 1px rgba(255,255,255,0.25);
  transition: all 0.25s ease;
}

.btn.btn-primary.w-100:hover {
  background: linear-gradient(135deg, #88F6FF 0%, #8950fa 40%, #000 100%) !important;
  transform: translateY(-2px);
  box-shadow:
    0 12px 28px rgba(0,0,0,0.35),
    0 0 18px rgba(137,80,250,0.35);
}

.btn.btn-primary.w-100:active {
  transform: translateY(0);
  box-shadow: 0 6px 14px rgba(0,0,0,0.25);
}

.lead.fw-bold {
  display: block;
  max-width: 800px;
}

.navbar-nav li.nav-item a {
  color: #88f6ff;
}

.navbar-header .navbar-nav li.nav-item a {
  font-family: var(--font-menu-pp) !important;
  color: #fff !important;
}

.bg-light {
  --bs-bg-opacity: 1;
  background-color: #88F6FF !important;
}

.intro-visual-bg-overlay:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0.15) 75%, #000 100%);
  z-index: 0;
}

@media (max-width: 767.98px) {
  .platform-logo {
    width: 60% !important;
    max-width: 160px;
  }
}

/* =========================================================
   CARD
========================================================= */

.card.custom-card,
.custom-card {
  border: none !important;
  background: transparent !important;
}

.card-title {
  margin-top: 10px;
  color: #fff !important;
}

.card-title a {
  color: #fff !important;
  font-weight: 700;
  text-decoration: none;
}

.card:hover img {
  transform: scale(1.03);
}

.card img {
  transition: 0.3s ease;
  border-radius: 12px;
  display: block;
}

.card-header p a,
.card-header a.asset-title,
.card-header .asset-title {
  color: #000 !important;
  font-weight: 700;
  font-size: 16px;
  text-align: left;
  display: block;
}

.card-header p,
.card-header .asset-description {
  text-align: left;
  margin-top: 10px;
  color: #000 !important;
}

.card-header {
  background: transparent !important;
  border: none !important;
  padding: 10px 0 0;
}

/* =========================================================
   Logo elders op pagina: wit
========================================================= */

img.img-fluid[src*="11298f92364700404582e2890e4a7e96931f25cf5b38f1f811d7cb086eb58d8f7603026935e81f79ded1183a5c474148b364cac3096fa1954b814ed7255520f0.svg"] {
  filter: brightness(0) invert(1) !important;
}

/* =========================================================
   SHOPIFY (Dawn-achtig)
========================================================= */

.shopify-section-header-sticky,
.header-wrapper {
  --color-foreground: 255 255 255 !important;
  --color-background: 137 80 250 !important;
  background: #8950fa !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.12) !important;
  box-shadow: none !important;
}

.header-wrapper.gradient,
.header-wrapper.color-scheme-4 {
  background: #8950fa !important;
}

.header {
  background: transparent !important;
  color: #fff !important;
}

.header .page-width {
  max-width: 100% !important;
  padding-left: 1.25rem !important;
  padding-right: 1.25rem !important;
}

.header__menu-item,
.header__menu-item.link,
.header__menu-item .link,
.header__menu-item .link--text,
.header__inline-menu .header__menu-item span,
.header-inline-menu-right .header__menu-item span {
  font-family: var(--font-menu-pp) !important;
  color: #fff !important;
}

.header__menu-item:hover,
.header__menu-item:focus-visible,
.header__menu-item .link:hover {
  color: #88f6ff !important;
}

.header__active-menu-item,
.header-inline-menu-right .header__active-menu-item {
  font-family: var(--font-menu-pp) !important;
  color: #fff !important;
  text-decoration: underline !important;
  text-underline-offset: 0.3rem;
  text-decoration-thickness: 1px;
}

summary.header__menu-item svg path,
.header__inline-menu details summary svg path {
  fill: #fff !important;
}

.header__heading-logo {
  filter: brightness(0) invert(1) !important;
}

.header__heading-link:hover .header__heading-logo {
  opacity: 0.92;
}

.header__icons {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
  gap: 0.75rem;
}

.menu-rightside-wrapper {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  flex: 1;
  gap: 0.25rem;
}

.header__icon--search {
  display: none !important;
}

.header__icon,
.header__icon .svg-wrapper {
  color: #fff !important;
}

.header__icon svg,
.header__icon--search svg,
.header__icon--account svg {
  color: #fff !important;
}

.header__icon svg path[fill],
.header__icon--cart svg path {
  fill: #fff !important;
}

.header__icon--cart svg path[stroke] {
  stroke: #fff !important;
}

.header__icon.header__icon--menu,
header-drawer summary.header__icon {
  color: #fff !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.header__icon--menu .icon-hamburger path,
.header__icon--menu .icon-close path {
  fill: currentColor !important;
}

.header__icon.header__icon--menu .svg-wrapper,
.header__icon.header__icon--menu svg {
  color: #fff !important;
}

.header__icon.header__icon--menu svg path[fill],
header-drawer summary.header__icon svg path[fill] {
  fill: currentColor !important;
}

@media screen and (min-width: 990px) {
  header-drawer {
    display: none !important;
  }

  .header .header__heading {
    justify-self: center !important;
    text-align: center !important;
  }

  .header .header__heading-link {
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .header--middle-center .header__inline-menu {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    width: 100% !important;
    max-width: 100% !important;
  }
}

@media screen and (max-width: 989px) {
  .header__inline-menu {
    display: none !important;
  }

  header-drawer {
    display: block !important;
  }

  .header--middle-center .header__heading-link {
    justify-self: center;
  }
}

.header__submenu,
.header__submenu.color-scheme-4,
.global-settings-popup {
  background: #fff !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.12) !important;
}

.header__submenu .header__menu-item,
.header__submenu .link,
.header__submenu .caption-large {
  font-family: var(--font-menu-pp) !important;
  color: #000 !important;
}

.header__submenu .header__menu-item:hover {
  color: #8950fa !important;
}

.menu-drawer,
.menu-drawer.color-scheme-4 {
  background: #fff !important;
}

.menu-drawer__menu-item,
.menu-drawer__navigation .link {
  font-family: var(--font-menu-pp) !important;
  color: #000 !important;
}

.menu-drawer__close-button,
.menu-drawer__menu-item:hover {
  color: #8950fa !important;
}

.menu-drawer summary svg path,
.menu-drawer .plus-icon svg path {
  fill: #000 !important;
}

.search-modal.gradient {
  background: #fff !important;
}

/* =========================================================
   HERO TITLE — sticker look
========================================================= */

.display-5.fw-bold.hero-title,
.hero-title.display-5.fw-bold {
  --hero-sticker-fill: #fff;
  --hero-sticker-stroke: #000;

  font-family: var(--font-menu-pp) !important;
  color: var(--hero-sticker-fill);
  font-weight: 900 !important;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  line-height: 1.05;

  display: inline-block;
  max-width: 100%;
  padding: 0.25em 0.1em;
  margin: 0;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;

  text-shadow:
    20.000000px 0.000000px 0 var(--hero-sticker-stroke, #000),
    19.972591px 1.046719px 0 var(--hero-sticker-stroke, #000),
    19.890438px 2.090569px 0 var(--hero-sticker-stroke, #000),
    19.753767px 3.128689px 0 var(--hero-sticker-stroke, #000),
    19.562952px 4.158234px 0 var(--hero-sticker-stroke, #000),
    19.318517px 5.176381px 0 var(--hero-sticker-stroke, #000),
    19.021130px 6.180340px 0 var(--hero-sticker-stroke, #000),
    18.671609px 7.167359px 0 var(--hero-sticker-stroke, #000),
    18.270909px 8.134733px 0 var(--hero-sticker-stroke, #000),
    17.820130px 9.079810px 0 var(--hero-sticker-stroke, #000),
    17.320508px 10.000000px 0 var(--hero-sticker-stroke, #000),
    16.773411px 10.892781px 0 var(--hero-sticker-stroke, #000),
    16.180340px 11.755705px 0 var(--hero-sticker-stroke, #000),
    15.542919px 12.586408px 0 var(--hero-sticker-stroke, #000),
    14.862897px 13.382612px 0 var(--hero-sticker-stroke, #000),
    14.142136px 14.142136px 0 var(--hero-sticker-stroke, #000),
    13.382612px 14.862897px 0 var(--hero-sticker-stroke, #000),
    12.586408px 15.542919px 0 var(--hero-sticker-stroke, #000),
    11.755705px 16.180340px 0 var(--hero-sticker-stroke, #000),
    10.892781px 16.773411px 0 var(--hero-sticker-stroke, #000),
    10.000000px 17.320508px 0 var(--hero-sticker-stroke, #000),
    9.079810px 17.820130px 0 var(--hero-sticker-stroke, #000),
    8.134733px 18.270909px 0 var(--hero-sticker-stroke, #000),
    7.167359px 18.671609px 0 var(--hero-sticker-stroke, #000),
    6.180340px 19.021130px 0 var(--hero-sticker-stroke, #000),
    5.176381px 19.318517px 0 var(--hero-sticker-stroke, #000),
    4.158234px 19.562952px 0 var(--hero-sticker-stroke, #000),
    3.128689px 19.753767px 0 var(--hero-sticker-stroke, #000),
    2.090569px 19.890438px 0 var(--hero-sticker-stroke, #000),
    1.046719px 19.972591px 0 var(--hero-sticker-stroke, #000),
    0.000000px 20.000000px 0 var(--hero-sticker-stroke, #000),
    -1.046719px 19.972591px 0 var(--hero-sticker-stroke, #000),
    -2.090569px 19.890438px 0 var(--hero-sticker-stroke, #000),
    -3.128689px 19.753767px 0 var(--hero-sticker-stroke, #000),
    -4.158234px 19.562952px 0 var(--hero-sticker-stroke, #000),
    -5.176381px 19.318517px 0 var(--hero-sticker-stroke, #000),
    -6.180340px 19.021130px 0 var(--hero-sticker-stroke, #000),
    -7.167359px 18.671609px 0 var(--hero-sticker-stroke, #000),
    -8.134733px 18.270909px 0 var(--hero-sticker-stroke, #000),
    -9.079810px 17.820130px 0 var(--hero-sticker-stroke, #000),
    -10.000000px 17.320508px 0 var(--hero-sticker-stroke, #000),
    -10.892781px 16.773411px 0 var(--hero-sticker-stroke, #000),
    -11.755705px 16.180340px 0 var(--hero-sticker-stroke, #000),
    -12.586408px 15.542919px 0 var(--hero-sticker-stroke, #000),
    -13.382612px 14.862897px 0 var(--hero-sticker-stroke, #000),
    -14.142136px 14.142136px 0 var(--hero-sticker-stroke, #000),
    -14.862897px 13.382612px 0 var(--hero-sticker-stroke, #000),
    -15.542919px 12.586408px 0 var(--hero-sticker-stroke, #000),
    -16.180340px 11.755705px 0 var(--hero-sticker-stroke, #000),
    -16.773411px 10.892781px 0 var(--hero-sticker-stroke, #000),
    -17.320508px 10.000000px 0 var(--hero-sticker-stroke, #000),
    -17.820130px 9.079810px 0 var(--hero-sticker-stroke, #000),
    -18.270909px 8.134733px 0 var(--hero-sticker-stroke, #000),
    -18.671609px 7.167359px 0 var(--hero-sticker-stroke, #000),
    -19.021130px 6.180340px 0 var(--hero-sticker-stroke, #000),
    -19.318517px 5.176381px 0 var(--hero-sticker-stroke, #000),
    -19.562952px 4.158234px 0 var(--hero-sticker-stroke, #000),
    -19.753767px 3.128689px 0 var(--hero-sticker-stroke, #000),
    -19.890438px 2.090569px 0 var(--hero-sticker-stroke, #000),
    -19.972591px 1.046719px 0 var(--hero-sticker-stroke, #000),
    -20.000000px 0.000000px 0 var(--hero-sticker-stroke, #000),
    -19.972591px -1.046719px 0 var(--hero-sticker-stroke, #000),
    -19.890438px -2.090569px 0 var(--hero-sticker-stroke, #000),
    -19.753767px -3.128689px 0 var(--hero-sticker-stroke, #000),
    -19.562952px -4.158234px 0 var(--hero-sticker-stroke, #000),
    -19.318517px -5.176381px 0 var(--hero-sticker-stroke, #000),
    -19.021130px -6.180340px 0 var(--hero-sticker-stroke, #000),
    -18.671609px -7.167359px 0 var(--hero-sticker-stroke, #000),
    -18.270909px -8.134733px 0 var(--hero-sticker-stroke, #000),
    -17.820130px -9.079810px 0 var(--hero-sticker-stroke, #000),
    -17.320508px -10.000000px 0 var(--hero-sticker-stroke, #000),
    -16.773411px -10.892781px 0 var(--hero-sticker-stroke, #000),
    -16.180340px -11.755705px 0 var(--hero-sticker-stroke, #000),
    -15.542919px -12.586408px 0 var(--hero-sticker-stroke, #000),
    -14.862897px -13.382612px 0 var(--hero-sticker-stroke, #000),
    -14.142136px -14.142136px 0 var(--hero-sticker-stroke, #000),
    -13.382612px -14.862897px 0 var(--hero-sticker-stroke, #000),
    -12.586408px -15.542919px 0 var(--hero-sticker-stroke, #000),
    -11.755705px -16.180340px 0 var(--hero-sticker-stroke, #000),
    -10.892781px -16.773411px 0 var(--hero-sticker-stroke, #000),
    -10.000000px -17.320508px 0 var(--hero-sticker-stroke, #000),
    -9.079810px -17.820130px 0 var(--hero-sticker-stroke, #000),
    -8.134733px -18.270909px 0 var(--hero-sticker-stroke, #000),
    -7.167359px -18.671609px 0 var(--hero-sticker-stroke, #000),
    -6.180340px -19.021130px 0 var(--hero-sticker-stroke, #000),
    -5.176381px -19.318517px 0 var(--hero-sticker-stroke, #000),
    -4.158234px -19.562952px 0 var(--hero-sticker-stroke, #000),
    -3.128689px -19.753767px 0 var(--hero-sticker-stroke, #000),
    -2.090569px -19.890438px 0 var(--hero-sticker-stroke, #000),
    -1.046719px -19.972591px 0 var(--hero-sticker-stroke, #000),
    -0.000000px -20.000000px 0 var(--hero-sticker-stroke, #000),
    1.046719px -19.972591px 0 var(--hero-sticker-stroke, #000),
    2.090569px -19.890438px 0 var(--hero-sticker-stroke, #000),
    3.128689px -19.753767px 0 var(--hero-sticker-stroke, #000),
    4.158234px -19.562952px 0 var(--hero-sticker-stroke, #000),
    5.176381px -19.318517px 0 var(--hero-sticker-stroke, #000),
    6.180340px -19.021130px 0 var(--hero-sticker-stroke, #000),
    7.167359px -18.671609px 0 var(--hero-sticker-stroke, #000),
    8.134733px -18.270909px 0 var(--hero-sticker-stroke, #000),
    9.079810px -17.820130px 0 var(--hero-sticker-stroke, #000),
    10.000000px -17.320508px 0 var(--hero-sticker-stroke, #000),
    10.892781px -16.773411px 0 var(--hero-sticker-stroke, #000),
    11.755705px -16.180340px 0 var(--hero-sticker-stroke, #000),
    12.586408px -15.542919px 0 var(--hero-sticker-stroke, #000),
    13.382612px -14.862897px 0 var(--hero-sticker-stroke, #000),
    14.142136px -14.142136px 0 var(--hero-sticker-stroke, #000),
    14.862897px -13.382612px 0 var(--hero-sticker-stroke, #000),
    15.542919px -12.586408px 0 var(--hero-sticker-stroke, #000),
    16.180340px -11.755705px 0 var(--hero-sticker-stroke, #000),
    16.773411px -10.892781px 0 var(--hero-sticker-stroke, #000),
    17.320508px -10.000000px 0 var(--hero-sticker-stroke, #000),
    17.820130px -9.079810px 0 var(--hero-sticker-stroke, #000),
    18.270909px -8.134733px 0 var(--hero-sticker-stroke, #000),
    18.671609px -7.167359px 0 var(--hero-sticker-stroke, #000),
    19.021130px -6.180340px 0 var(--hero-sticker-stroke, #000),
    19.318517px -5.176381px 0 var(--hero-sticker-stroke, #000),
    19.562952px -4.158234px 0 var(--hero-sticker-stroke, #000),
    19.753767px -3.128689px 0 var(--hero-sticker-stroke, #000),
    19.890438px -2.090569px 0 var(--hero-sticker-stroke, #000),
    19.972591px -1.046719px 0 var(--hero-sticker-stroke, #000);
}

/* =========================================================
   HERO TITLE STRIP
========================================================= */

.hero-title-strip {
  width: 100vw;
  max-width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  margin-top: calc(-1 * var(--hero-strip-offset-top, 3rem) - var(--hero-strip-nav-overlap, 1px));
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: var(--hero-strip-min-height, clamp(9rem, 22vw, 15rem));
  padding: 0 clamp(1rem, 3vw, 2.5rem);
  text-align: center;
  border: 0;
  outline: none;
  box-shadow: none;
  border-radius: 0;
  box-sizing: border-box;
  background: linear-gradient(
    to bottom,
    var(--navbar-header-bg, #8950fa) 0%,
    var(--navbar-header-bg, #8950fa) 50%,
    #fff 50%,
    #fff 100%
  );
}

.hero-title-strip .hero-title,
.hero-title-strip .display-5.fw-bold.hero-title,
.hero-title-strip .hero-title.display-5.fw-bold {
  font-family: var(--font-hero-strip) !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.04em !important;
  line-height: clamp(2.75rem, 5.3vw, 85px) !important;
  font-size: clamp(1.75rem, 5vw, 80px) !important;
  margin: 0 !important;
  color: var(--hero-strip-title, #060646) !important;
  -webkit-text-fill-color: var(--hero-strip-title, #060646) !important;
  display: inline-block;
  max-width: 100%;
  padding: 0 !important;

  text-shadow:
    15.000000px 0.000000px 0 var(--hero-strip-sticker, #fff),
    14.979443px 0.785039px 0 var(--hero-strip-sticker, #fff),
    14.917828px 1.567927px 0 var(--hero-strip-sticker, #fff),
    14.815325px 2.346517px 0 var(--hero-strip-sticker, #fff),
    14.672214px 3.118675px 0 var(--hero-strip-sticker, #fff),
    14.488887px 3.882286px 0 var(--hero-strip-sticker, #fff),
    14.265848px 4.635255px 0 var(--hero-strip-sticker, #fff),
    14.003706px 5.375519px 0 var(--hero-strip-sticker, #fff),
    13.703182px 6.101050px 0 var(--hero-strip-sticker, #fff),
    13.365098px 6.809857px 0 var(--hero-strip-sticker, #fff),
    12.990381px 7.500000px 0 var(--hero-strip-sticker, #fff),
    12.580059px 8.169586px 0 var(--hero-strip-sticker, #fff),
    12.135255px 8.816779px 0 var(--hero-strip-sticker, #fff),
    11.657189px 9.439806px 0 var(--hero-strip-sticker, #fff),
    11.147172px 10.036959px 0 var(--hero-strip-sticker, #fff),
    10.606602px 10.606602px 0 var(--hero-strip-sticker, #fff),
    10.036959px 11.147172px 0 var(--hero-strip-sticker, #fff),
    9.439806px 11.657189px 0 var(--hero-strip-sticker, #fff),
    8.816779px 12.135255px 0 var(--hero-strip-sticker, #fff),
    8.169586px 12.580059px 0 var(--hero-strip-sticker, #fff),
    7.500000px 12.990381px 0 var(--hero-strip-sticker, #fff),
    6.809857px 13.365098px 0 var(--hero-strip-sticker, #fff),
    6.101050px 13.703182px 0 var(--hero-strip-sticker, #fff),
    5.375519px 14.003706px 0 var(--hero-strip-sticker, #fff),
    4.635255px 14.265848px 0 var(--hero-strip-sticker, #fff),
    3.882286px 14.488887px 0 var(--hero-strip-sticker, #fff),
    3.118675px 14.672214px 0 var(--hero-strip-sticker, #fff),
    2.346517px 14.815325px 0 var(--hero-strip-sticker, #fff),
    1.567927px 14.917828px 0 var(--hero-strip-sticker, #fff),
    0.785039px 14.979443px 0 var(--hero-strip-sticker, #fff),
    0.000000px 15.000000px 0 var(--hero-strip-sticker, #fff),
    -0.785039px 14.979443px 0 var(--hero-strip-sticker, #fff),
    -1.567927px 14.917828px 0 var(--hero-strip-sticker, #fff),
    -2.346517px 14.815325px 0 var(--hero-strip-sticker, #fff),
    -3.118675px 14.672214px 0 var(--hero-strip-sticker, #fff),
    -3.882286px 14.488887px 0 var(--hero-strip-sticker, #fff),
    -4.635255px 14.265848px 0 var(--hero-strip-sticker, #fff),
    -5.375519px 14.003706px 0 var(--hero-strip-sticker, #fff),
    -6.101050px 13.703182px 0 var(--hero-strip-sticker, #fff),
    -6.809857px 13.365098px 0 var(--hero-strip-sticker, #fff),
    -7.500000px 12.990381px 0 var(--hero-strip-sticker, #fff),
    -8.169586px 12.580059px 0 var(--hero-strip-sticker, #fff),
    -8.816779px 12.135255px 0 var(--hero-strip-sticker, #fff),
    -9.439806px 11.657189px 0 var(--hero-strip-sticker, #fff),
    -10.036959px 11.147172px 0 var(--hero-strip-sticker, #fff),
    -10.606602px 10.606602px 0 var(--hero-strip-sticker, #fff),
    -11.147172px 10.036959px 0 var(--hero-strip-sticker, #fff),
    -11.657189px 9.439806px 0 var(--hero-strip-sticker, #fff),
    -12.135255px 8.816779px 0 var(--hero-strip-sticker, #fff),
    -12.580059px 8.169586px 0 var(--hero-strip-sticker, #fff),
    -12.990381px 7.500000px 0 var(--hero-strip-sticker, #fff),
    -13.365098px 6.809857px 0 var(--hero-strip-sticker, #fff),
    -13.703182px 6.101050px 0 var(--hero-strip-sticker, #fff),
    -14.003706px 5.375519px 0 var(--hero-strip-sticker, #fff),
    -14.265848px 4.635255px 0 var(--hero-strip-sticker, #fff),
    -14.488887px 3.882286px 0 var(--hero-strip-sticker, #fff),
    -14.672214px 3.118675px 0 var(--hero-strip-sticker, #fff),
    -14.815325px 2.346517px 0 var(--hero-strip-sticker, #fff),
    -14.917828px 1.567927px 0 var(--hero-strip-sticker, #fff),
    -14.979443px 0.785039px 0 var(--hero-strip-sticker, #fff),
    -15.000000px 0.000000px 0 var(--hero-strip-sticker, #fff),
    -14.979443px -0.785039px 0 var(--hero-strip-sticker, #fff),
    -14.917828px -1.567927px 0 var(--hero-strip-sticker, #fff),
    -14.815325px -2.346517px 0 var(--hero-strip-sticker, #fff),
    -14.672214px -3.118675px 0 var(--hero-strip-sticker, #fff),
    -14.488887px -3.882286px 0 var(--hero-strip-sticker, #fff),
    -14.265848px -4.635255px 0 var(--hero-strip-sticker, #fff),
    -14.003706px -5.375519px 0 var(--hero-strip-sticker, #fff),
    -13.703182px -6.101050px 0 var(--hero-strip-sticker, #fff),
    -13.365098px -6.809857px 0 var(--hero-strip-sticker, #fff),
    -12.990381px -7.500000px 0 var(--hero-strip-sticker, #fff),
    -12.580059px -8.169586px 0 var(--hero-strip-sticker, #fff),
    -12.135255px -8.816779px 0 var(--hero-strip-sticker, #fff),
    -11.657189px -9.439806px 0 var(--hero-strip-sticker, #fff),
    -11.147172px -10.036959px 0 var(--hero-strip-sticker, #fff),
    -10.606602px -10.606602px 0 var(--hero-strip-sticker, #fff),
    -10.036959px -11.147172px 0 var(--hero-strip-sticker, #fff),
    -9.439806px -11.657189px 0 var(--hero-strip-sticker, #fff),
    -8.816779px -12.135255px 0 var(--hero-strip-sticker, #fff),
    -8.169586px -12.580059px 0 var(--hero-strip-sticker, #fff),
    -7.500000px -12.990381px 0 var(--hero-strip-sticker, #fff),
    -6.809857px -13.365098px 0 var(--hero-strip-sticker, #fff),
    -6.101050px -13.703182px 0 var(--hero-strip-sticker, #fff),
    -5.375519px -14.003706px 0 var(--hero-strip-sticker, #fff),
    -4.635255px -14.265848px 0 var(--hero-strip-sticker, #fff),
    -3.882286px -14.488887px 0 var(--hero-strip-sticker, #fff),
    -3.118675px -14.672214px 0 var(--hero-strip-sticker, #fff),
    -2.346517px -14.815325px 0 var(--hero-strip-sticker, #fff),
    -1.567927px -14.917828px 0 var(--hero-strip-sticker, #fff),
    -0.785039px -14.979443px 0 var(--hero-strip-sticker, #fff),
    -0.000000px -15.000000px 0 var(--hero-strip-sticker, #fff),
    0.785039px -14.979443px 0 var(--hero-strip-sticker, #fff),
    1.567927px -14.917828px 0 var(--hero-strip-sticker, #fff),
    2.346517px -14.815325px 0 var(--hero-strip-sticker, #fff),
    3.118675px -14.672214px 0 var(--hero-strip-sticker, #fff),
    3.882286px -14.488887px 0 var(--hero-strip-sticker, #fff),
    4.635255px -14.265848px 0 var(--hero-strip-sticker, #fff),
    5.375519px -14.003706px 0 var(--hero-strip-sticker, #fff),
    6.101050px -13.703182px 0 var(--hero-strip-sticker, #fff),
    6.809857px -13.365098px 0 var(--hero-strip-sticker, #fff),
    7.500000px -12.990381px 0 var(--hero-strip-sticker, #fff),
    8.169586px -12.580059px 0 var(--hero-strip-sticker, #fff),
    8.816779px -12.135255px 0 var(--hero-strip-sticker, #fff),
    9.439806px -11.657189px 0 var(--hero-strip-sticker, #fff),
    10.036959px -11.147172px 0 var(--hero-strip-sticker, #fff),
    10.606602px -10.606602px 0 var(--hero-strip-sticker, #fff),
    11.147172px -10.036959px 0 var(--hero-strip-sticker, #fff),
    11.657189px -9.439806px 0 var(--hero-strip-sticker, #fff),
    12.135255px -8.816779px 0 var(--hero-strip-sticker, #fff),
    12.580059px -8.169586px 0 var(--hero-strip-sticker, #fff),
    12.990381px -7.500000px 0 var(--hero-strip-sticker, #fff),
    13.365098px -6.809857px 0 var(--hero-strip-sticker, #fff),
    13.703182px -6.101050px 0 var(--hero-strip-sticker, #fff),
    14.003706px -5.375519px 0 var(--hero-strip-sticker, #fff),
    14.265848px -4.635255px 0 var(--hero-strip-sticker, #fff),
    14.488887px -3.882286px 0 var(--hero-strip-sticker, #fff),
    14.672214px -3.118675px 0 var(--hero-strip-sticker, #fff),
    14.815325px -2.346517px 0 var(--hero-strip-sticker, #fff),
    14.917828px -1.567927px 0 var(--hero-strip-sticker, #fff),
    14.979443px -0.785039px 0 var(--hero-strip-sticker, #fff);
}

/* =========================================================
   INNER BANNER
========================================================= */

.inner-banner {
  --inner-banner-bg: var(--navbar-header-bg, #8950fa);
  background: linear-gradient(
    to bottom,
    var(--inner-banner-bg) 0%,
    var(--inner-banner-bg) 50%,
    #fff 50%,
    #fff 100%
  );
  padding: clamp(2.5rem, 8vw, 5rem) 1.25rem;
  text-align: center;
}

.inner-banner .page-width {
  max-width: 100%;
  margin: 0 auto;
}

.inner-banner h1,
.inner-banner [class*="inner-title"] {
  font-family: var(--font-menu-pp) !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.04em !important;
  line-height: 1.08 !important;
  font-size: clamp(2rem, 6vw, 4rem) !important;
  margin: 0 !important;
  color: #000 !important;
  -webkit-text-fill-color: #000 !important;
  display: inline-block;
  max-width: 100%;
  padding: 0.2em 0.12em;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}

.inner-banner h1::first-line,
.inner-banner [class*="inner-title"]::first-line {
  text-shadow:
    20.000000px 0.000000px 0 var(--inner-banner-outline, #fff),
    19.972591px 1.046719px 0 var(--inner-banner-outline, #fff),
    19.890438px 2.090569px 0 var(--inner-banner-outline, #fff),
    19.753767px 3.128689px 0 var(--inner-banner-outline, #fff),
    19.562952px 4.158234px 0 var(--inner-banner-outline, #fff),
    19.318517px 5.176381px 0 var(--inner-banner-outline, #fff),
    19.021130px 6.180340px 0 var(--inner-banner-outline, #fff),
    18.671609px 7.167359px 0 var(--inner-banner-outline, #fff),
    18.270909px 8.134733px 0 var(--inner-banner-outline, #fff),
    17.820130px 9.079810px 0 var(--inner-banner-outline, #fff),
    17.320508px 10.000000px 0 var(--inner-banner-outline, #fff),
    16.773411px 10.892781px 0 var(--inner-banner-outline, #fff),
    16.180340px 11.755705px 0 var(--inner-banner-outline, #fff),
    15.542919px 12.586408px 0 var(--inner-banner-outline, #fff),
    14.862897px 13.382612px 0 var(--inner-banner-outline, #fff),
    14.142136px 14.142136px 0 var(--inner-banner-outline, #fff),
    13.382612px 14.862897px 0 var(--inner-banner-outline, #fff),
    12.586408px 15.542919px 0 var(--inner-banner-outline, #fff),
    11.755705px 16.180340px 0 var(--inner-banner-outline, #fff),
    10.892781px 16.773411px 0 var(--inner-banner-outline, #fff),
    10.000000px 17.320508px 0 var(--inner-banner-outline, #fff),
    9.079810px 17.820130px 0 var(--inner-banner-outline, #fff),
    8.134733px 18.270909px 0 var(--inner-banner-outline, #fff),
    7.167359px 18.671609px 0 var(--inner-banner-outline, #fff),
    6.180340px 19.021130px 0 var(--inner-banner-outline, #fff),
    5.176381px 19.318517px 0 var(--inner-banner-outline, #fff),
    4.158234px 19.562952px 0 var(--inner-banner-outline, #fff),
    3.128689px 19.753767px 0 var(--inner-banner-outline, #fff),
    2.090569px 19.890438px 0 var(--inner-banner-outline, #fff),
    1.046719px 19.972591px 0 var(--inner-banner-outline, #fff),
    0.000000px 20.000000px 0 var(--inner-banner-outline, #fff),
    -1.046719px 19.972591px 0 var(--inner-banner-outline, #fff),
    -2.090569px 19.890438px 0 var(--inner-banner-outline, #fff),
    -3.128689px 19.753767px 0 var(--inner-banner-outline, #fff),
    -4.158234px 19.562952px 0 var(--inner-banner-outline, #fff),
    -5.176381px 19.318517px 0 var(--inner-banner-outline, #fff),
    -6.180340px 19.021130px 0 var(--inner-banner-outline, #fff),
    -7.167359px 18.671609px 0 var(--inner-banner-outline, #fff),
    -8.134733px 18.270909px 0 var(--inner-banner-outline, #fff),
    -9.079810px 17.820130px 0 var(--inner-banner-outline, #fff),
    -10.000000px 17.320508px 0 var(--inner-banner-outline, #fff),
    -10.892781px 16.773411px 0 var(--inner-banner-outline, #fff),
    -11.755705px 16.180340px 0 var(--inner-banner-outline, #fff),
    -12.586408px 15.542919px 0 var(--inner-banner-outline, #fff),
    -13.382612px 14.862897px 0 var(--inner-banner-outline, #fff),
    -14.142136px 14.142136px 0 var(--inner-banner-outline, #fff),
    -14.862897px 13.382612px 0 var(--inner-banner-outline, #fff),
    -15.542919px 12.586408px 0 var(--inner-banner-outline, #fff),
    -16.180340px 11.755705px 0 var(--inner-banner-outline, #fff),
    -16.773411px 10.892781px 0 var(--inner-banner-outline, #fff),
    -17.320508px 10.000000px 0 var(--inner-banner-outline, #fff),
    -17.820130px 9.079810px 0 var(--inner-banner-outline, #fff),
    -18.270909px 8.134733px 0 var(--inner-banner-outline, #fff),
    -18.671609px 7.167359px 0 var(--inner-banner-outline, #fff),
    -19.021130px 6.180340px 0 var(--inner-banner-outline, #fff),
    -19.318517px 5.176381px 0 var(--inner-banner-outline, #fff),
    -19.562952px 4.158234px 0 var(--inner-banner-outline, #fff),
    -19.753767px 3.128689px 0 var(--inner-banner-outline, #fff),
    -19.890438px 2.090569px 0 var(--inner-banner-outline, #fff),
    -19.972591px 1.046719px 0 var(--inner-banner-outline, #fff),
    -20.000000px 0.000000px 0 var(--inner-banner-outline, #fff),
    -19.972591px -1.046719px 0 var(--inner-banner-outline, #fff),
    -19.890438px -2.090569px 0 var(--inner-banner-outline, #fff),
    -19.753767px -3.128689px 0 var(--inner-banner-outline, #fff),
    -19.562952px -4.158234px 0 var(--inner-banner-outline, #fff),
    -19.318517px -5.176381px 0 var(--inner-banner-outline, #fff),
    -19.021130px -6.180340px 0 var(--inner-banner-outline, #fff),
    -18.671609px -7.167359px 0 var(--inner-banner-outline, #fff),
    -18.270909px -8.134733px 0 var(--inner-banner-outline, #fff),
    -17.820130px -9.079810px 0 var(--inner-banner-outline, #fff),
    -17.320508px -10.000000px 0 var(--inner-banner-outline, #fff),
    -16.773411px -10.892781px 0 var(--inner-banner-outline, #fff),
    -16.180340px -11.755705px 0 var(--inner-banner-outline, #fff),
    -15.542919px -12.586408px 0 var(--inner-banner-outline, #fff),
    -14.862897px -13.382612px 0 var(--inner-banner-outline, #fff),
    -14.142136px -14.142136px 0 var(--inner-banner-outline, #fff),
    -13.382612px -14.862897px 0 var(--inner-banner-outline, #fff),
    -12.586408px -15.542919px 0 var(--inner-banner-outline, #fff),
    -11.755705px -16.180340px 0 var(--inner-banner-outline, #fff),
    -10.892781px -16.773411px 0 var(--inner-banner-outline, #fff),
    -10.000000px -17.320508px 0 var(--inner-banner-outline, #fff),
    -9.079810px -17.820130px 0 var(--inner-banner-outline, #fff),
    -8.134733px -18.270909px 0 var(--inner-banner-outline, #fff),
    -7.167359px -18.671609px 0 var(--inner-banner-outline, #fff),
    -6.180340px -19.021130px 0 var(--inner-banner-outline, #fff),
    -5.176381px -19.318517px 0 var(--inner-banner-outline, #fff),
    -4.158234px -19.562952px 0 var(--inner-banner-outline, #fff),
    -3.128689px -19.753767px 0 var(--inner-banner-outline, #fff),
    -2.090569px -19.890438px 0 var(--inner-banner-outline, #fff),
    -1.046719px -19.972591px 0 var(--inner-banner-outline, #fff),
    -0.000000px -20.000000px 0 var(--inner-banner-outline, #fff),
    1.046719px -19.972591px 0 var(--inner-banner-outline, #fff),
    2.090569px -19.890438px 0 var(--inner-banner-outline, #fff),
    3.128689px -19.753767px 0 var(--inner-banner-outline, #fff),
    4.158234px -19.562952px 0 var(--inner-banner-outline, #fff),
    5.176381px -19.318517px 0 var(--inner-banner-outline, #fff),
    6.180340px -19.021130px 0 var(--inner-banner-outline, #fff),
    7.167359px -18.671609px 0 var(--inner-banner-outline, #fff),
    8.134733px -18.270909px 0 var(--inner-banner-outline, #fff),
    9.079810px -17.820130px 0 var(--inner-banner-outline, #fff),
    10.000000px -17.320508px 0 var(--inner-banner-outline, #fff),
    10.892781px -16.773411px 0 var(--inner-banner-outline, #fff),
    11.755705px -16.180340px 0 var(--inner-banner-outline, #fff),
    12.586408px -15.542919px 0 var(--inner-banner-outline, #fff),
    13.382612px -14.862897px 0 var(--inner-banner-outline, #fff),
    14.142136px -14.142136px 0 var(--inner-banner-outline, #fff),
    14.862897px -13.382612px 0 var(--inner-banner-outline, #fff),
    15.542919px -12.586408px 0 var(--inner-banner-outline, #fff),
    16.180340px -11.755705px 0 var(--inner-banner-outline, #fff),
    16.773411px -10.892781px 0 var(--inner-banner-outline, #fff),
    17.320508px -10.000000px 0 var(--inner-banner-outline, #fff),
    17.820130px -9.079810px 0 var(--inner-banner-outline, #fff),
    18.270909px -8.134733px 0 var(--inner-banner-outline, #fff),
    18.671609px -7.167359px 0 var(--inner-banner-outline, #fff),
    19.021130px -6.180340px 0 var(--inner-banner-outline, #fff),
    19.318517px -5.176381px 0 var(--inner-banner-outline, #fff),
    19.562952px -4.158234px 0 var(--inner-banner-outline, #fff),
    19.753767px -3.128689px 0 var(--inner-banner-outline, #fff),
    19.890438px -2.090569px 0 var(--inner-banner-outline, #fff),
    19.972591px -1.046719px 0 var(--inner-banner-outline, #fff);
}

.inner-banner [class*="inner-subtitle"] {
  margin: 1rem 0 0 !important;
  color: #000 !important;
  font-size: clamp(0.95rem, 2vw, 1.125rem) !important;
}